@(title: String)(header: Html)(content: Html)(footer: Html)

<!DOCTYPE html>

<html>
    <head>
        <title>@title</title>
        <meta name="viewport" content="width=device-width"/>

        <!-- jQuery JavaScript -->
        <script src='@routes.Assets.at("javascripts/jquery-1.9.0.min.js")'></script>

        <!-- jQuery Mobile -->
        <link rel="stylesheet" type="text/css" href='@routes.Assets.at("framework/jquery-mobile/jquery.mobile-1.4.0.min.css")'/>
        <script src='@routes.Assets.at("framework/jquery-mobile/jquery.mobile-1.4.0.min.js")'></script>

        <!-- Font Awesome -->
        <link rel="stylesheet" type="text/css" href='@routes.Assets.at("framework/font-awesome/css/font-awesome.min.css")'>

        <!-- Custom CSS -->
        <link rel="stylesheet" type="text/css" href='@routes.Assets.at("stylesheets/main.css")'/>

        <!-- Validation JavaScript -->
        <script src='@routes.Assets.at("javascripts/jquery.validate.min.js")' type="text/javascript"></script>



    </head>
    <body >
        <header data-role="header" data-theme="a">
            @header
        </header>

        <div data-role="content" data-theme="a">
            @content
        </div>

        <div data-role="footer" data-theme="a" data-position="fixed">
            @footer
        </div>
    </body>
</html>
